<body>
<script type="text/javascript" src="<?php echo base_url('skin/js/prepaid.js'); ?>"></script>
    <div id="phoneGallery" >
    
    <div class="galleryRight"></div>
    	
    	<div class="wizard">
            <a href="<?php  echo site_url('gallery'); ?>" class="current done">
            <span class="wiz1"></span>
                 <p>Pick a gadget</p>
            </a>
            <a href="<?php  echo site_url('promo'); ?>" class="current done">
             <span class="wiz2"></span>
                 <p>Choose your promo</p>
            </a>
            <a href="<?php  echo site_url('prepaid'); ?>" class="current">
             <span class="wiz3"></span>
                 <p class="abs">Enter your <br>mobile number</p>
            </a>
            <a href="<?php  echo site_url('userprofile'); ?>" class=" ">
             <span class="wiz4"></span>
                 <p>Complete your profile</p>
            </a>
            <a href="<?php  echo site_url('globestore'); ?>" class="width100">
             <span class="wiz5"></span>
                 <p class="absd">Select your <br>preferred Globe Store <br>branch for handset <br>pickup</p>
            </a>
        </div>
    
    	<div class="mobileHeader">
            <h5 class="textBlue">Select your device</h5>
            <h5 class="textBlue">Choose your promo</h5>
            <h5 class="textBlue">Input your mobile number</h5>
            <h5 class="hidden textBlue">Complete your profile</h5>
            <h5 class="hidden textBlue">Select your preferred Globe Store branch for handset pickup	</h5>
        </div>
    
	    
    
    <div class="clear"></div>
    
    
    <div class="width960c">
    
    	<div class="deviceInfosIns marg40 floatLeft">
			<div  class="deviceBox active">
				<p><b>Gadget:</b><p>
				<p><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?> - <?php if(isset($_COOKIE['price'])) echo $_COOKIE['price']; ?></p>
			</div>
                 
			<div class="promoBox active">
				<p><b>Promo:</b><p>
				<p><?php if(isset($_COOKIE['promo'])) echo $_COOKIE['promo']; ?></p>
			</div>
                        
			<div class="commitmentBox active">
				<p><b>Registration Period </br> and Savings:</b><p>
				<p><?php if(isset($_COOKIE['commitmentBox'])) echo $_COOKIE['commitmentBox']; ?></p>
			</div>

			<div class="prepaidBox">
				<p><b>Mobile Number:</b><p>
				<p id="mobtel">None</p>
			</div>
                        
			<div class="profileBox">
				<p><b>Profile:</b><p>
				<p class="pnone">None</p>
				<p style="display:none" id="pname"><span id="name"></span></p>
				<p style="display:none" id="pemail">Email Address:<br><span id="email"></span></p>
				<p style="display:none" id="pdob">Date of Birth:<br><span id="dob"></span></p>
				<p style="display:none" id="padd">Home Address:<br><span id="add"></span>
			</div>
                        
			<div class="storeBox">
				<p><b>Globe Store Branch:</b><p>
				<p id="globestore">None</p>
			</div> 						
		</div>
            
            
            <div class="floatLeft boxRight marg20Left">
            	<div>
            	<div id="prepaidNumber">
              		 <p class="header30">Enter your Globe Prepaid Number</p>
                    
                    <p class="text16">Make sure you enter an active Globe Prepaid number. All text notifications about your promo and savings will be sent to this number.</p>
		    <p>If you don't have a Globe Prepaid number, click  <a href="#" class="linkColor">here</a>.</p>

					<form>
						<input type="text" id="mobile_number" maxlength="11" placeholder="09xxxxxxxxx" class="inputText width246 marg10Right"/><a href="#." id="submit_mobtel" class="buttonBlue text14">Send code</a>
					<p class="errorBox error1">The mobile number format is invalid. Please enter an 11-digit Globe Prepaid number.</p>
                    <p class="errorBox error2">You currently have an active GoGADGETS registration. Each Globe Prepaid number is entitled to only one active GoGADGETS
                    plan at a given time.</p>
					</form>
              	</div>
                
                
                <div id="verificationCode" class="blueShade marg40">
                	<p class="text14 marg0">We sent you a text message with the verification code. Please enter the code below.</p>
                    
                    
					<form class="marg20Top">
						<input type="text" id="verif_code" maxlength="6" class="inputText width246 marg10Right"/>
						<a id="validate_verif_code" href="#." class="buttonBlue text14">Validate</a>
                        <div class="errorBox2 marg10Top">You entered an incorrect code.</div>
					</form>
                </div>
                
                </div>
                
               
            </div><!---BOX RIGHT END---> 
            
            <div class="clear"></div>
            
            </div>
            
            
            
       </div>